.swiper-container01 img,.case_list img,.swiper-container02 img,.swiper-container03 img{ width: 100%; }
.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet {
    margin: 10px;
    width: 80px;
    height: 4px;
    background:#fff;
    opacity: 1;
    border-radius: 0px;
}
.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet-active { 
	background: #D70010;
	transition: .5s all;
	border-radius: 0px;
}
.swiper-container01>.swiper-button-next,
.swiper-container01>.swiper-button-prev{
	opacity: 0;
	transition: all .5s;
	top: 46%;
    width: 50px;
    color: #fff;
    text-align: center;
    transition: all .5s;
}
.swiper-container01:hover .swiper-button-next,
.swiper-container01:hover .swiper-button-prev{ opacity: 1; }
/*.swiper-container01>.swiper-button-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container01>.swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}*/
.swiper-container01>.swiper-button-next{
	background-image: none;
	right: 38px;
}
.swiper-container01>.swiper-button-prev{
	background-image: none;
}
.swiper-container02 .swiper-slide{border:1px solid #B5B5B6;box-sizing:border-box;}
.swiper-button-next01 > span{display: inline-block; width:80px;height:80px;background:url("/images/bannerRight.png") no-repeat center center;  background-size:70%;}
.swiper-button-prev01 > span{display: inline-block; width:80px;height:80px;background:url("/images/bannerLeft.png") no-repeat center center;   background-size:70%;}
.swiper-button-next02 > span{display: inline-block; width:80px;height:80px;background:url("/images/customerRight.png") no-repeat center center;background-size:70%;}
.swiper-button-prev02 > span{display: inline-block; width:80px;height:80px;background:url("/images/customerLeft.png") no-repeat center center; background-size:70%;}

/*关于我们*/
.about{
	padding-top: 80px;
	padding-bottom: 60px;
	position: relative;
	box-sizing: border-box;
	color: #3E3A39;
	text-align: center;
}
.about h3{
	position: relative;
	padding-bottom: 30px;
	color: #595857;
	font-size: 40px;
	font-family: "hwht";
}
.about h3::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 48.5%;
	width: 3%;
	height: 2px;
	background: #D70010;
}
.about h2{
	position: relative;
	display: inline-block;
	padding:30px 0 20px 0;
	color: #D70010;
	font-size: 60px;
}
.about h2::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #C9C9CA;
}
.about h4{
	position: relative;
	padding: 27px 0 15px 0;
	color: #3E3A39;
	font-size: 53px;
	font-weight: normal;
}
.about > p{
	width: 77%;
	font-size: 16px;
	line-height: 35px;
	color: #231916;
	text-align: initial;
	margin: 27px auto;
}
.about > ul > li{
	margin: auto 40px;
}
.about > ul > li > div{
	position: relative;
	padding: 0 60px 0 0;
	font-size: 90px;
	font-family: 'english01';
	color: #3E3A39;
}
.mobile-1 {
	padding-left: 20px;
}
.mobile-2 {
	padding-left: 3px;
}
.mobile-3 {
	padding-left: 17px;
}
.jia{
	position: absolute;
    bottom: -17px;
    right: -24px;
    font-family: 'jia';
    font-size: 96px;
}
.about > ul > li > p{
	text-align: left;
	font-size: 20px;
}
.about_line{
	margin-top: 30px;
    width: 2px;
    height: 65px;
    background: #3E3A39;
}
.about a{ 
	display: block;
    position: relative;
    margin: 60px auto auto auto;
    padding: 12px 30px;
    width: 20%;
    border: 1px solid #D7171F;
    color: #D7171F;
    text-align: left;
    transition: all .4s;
}
.about > a > span{
	position: absolute;
	right: 12%;
	top: 33%;
}
.about a:hover{
	background:#d70010;
	color: #fff;
}

/*案例背景*/
.case_bg{
	padding-top: 55px;
	background: #D70010 url("/images/main_case.png") no-repeat 0px 38px;
	background-size: 100%;
	color: #fff;
	text-align: center;
	padding-bottom: 100px;
}
.case_bg h3{padding-bottom:30px;position: relative; font-size: 45px;}
.case_bg h3::after{ content: ""; position: absolute;bottom: 0; left: 47%; width: 6%; height: 1px; background: #fff; }
.case_bg h2{padding:30px 0;font-size: 100px;font-family: 'hwht';}
.case_bg p{font-size: 45px; padding-top: 2%;}
.case_bg a{ 
	display: block;
	position: relative;
	margin:80px auto auto auto; 
	padding: 15px 30px;
	width: 20%;
	border: 1px solid #fff;
	color: #fff;
	text-align: left;
	transition: all .4s;
}
.case_bg a span{
	position: absolute;
	right: 12%;
	top: 30%;
	font-size: 12px;
}
.case_bg a:hover{
	background:#fff;
	color: #d70010;
}

.case_list > span{ margin: 30px auto;font-size: 20px;color: #000}
.case_list li{position: relative;/* width:16.66%; */ width: 19%; margin: 1% 0 0 1%;}
.case_list li:hover .case_show{display: block; opacity: 1;}
.case_list_box{ 
	padding: 1% 2% 0 2%;
	box-sizing: border-box; 
	position: relative; 
	min-height: 300px;
	/* background:url(/images/red_bg.jpg) no-repeat center top; */
	background-color: #7b6b6b;
}
.swiper-container03 .swiper-wrapper{ width: 100%!important; }
.swiper-container03 .swiper-slide{ width: 16.66%!important; }
.case_list_box .swiper-slide:hover .case_show{display: block; opacity: 1;}
.case_show{ 
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #D7171F;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #FFF;
	z-index: 999;
	transition: all .6s;
}
.case_show h3{position: relative;padding-bottom: 10px; font-family: 'english01';}
.case_show h3::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 2px; background: #fff;  }
.case_show h3 span,.case_show h2 span{ display:block; }
.case_show h2{margin-top: 30px;  font-size: 18px;text-align: center; }
.case_show h2 span,.case_show h3 span{font-size: 14px;font-family: 'english01';}
.case_icon{ 
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 30px; 
	height: 30px; 
	border: 1px solid #fff; 
	border-radius: 50%;
	line-height:30px;
	text-align: center;
}
.case_icon .iconfont{ font-size: 12px; }

/*合作伙伴*/
.partner{ 
	position: relative; 
}
.partner h2{
	position: relative;
	padding-top: 40px;
	text-align: center; 
	font-size: 30px;
	color: #595857
}
.partner h2 .iconfont{
	position: absolute;
	top: 0;
	left: 49%;
	font-size: 20px;
}
.partner_list{
	position: relative;
	box-sizing: border-box;
	width: 100%;
}
.partner_list>.swiper-button-next, .partner_list>.swiper-button-prev {
    width: 52px;
    height: 80px;
    background-size: 50px 90px;
    background-image: none;
}
/*.partner_list>.swiper-button-next{
	right: -150px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23A8A9AD'%2F%3E%3C%2Fsvg%3E");
}
.partner_list>.swiper-button-prev{
	left: -150px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23A8A9AD'%2F%3E%3C%2Fsvg%3E");
}*/
.partner_list>.swiper-button-next,.partner_list> .swiper-button-prev{ top: 44% }

/*服务*/
.service{
	text-align: center;
}
.service h2{
	position: relative;
	padding-bottom: 30px;
	font-family: "hwht";
	font-size: 50px;
	color: #595857;
}
.service h2::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 48%;
	width: 4%;
	height: 3px;
	background:#D70010;
}
.service h3{
	position: relative;
	display: inline-block;
	padding: 30px 0 20px 0;
	color:#D70010;
	font-size: 40px;
}
.service h3::after{
	content: "";
	position: absolute;
	left:0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background:#B5B5B6;
}
.service li{
	margin: auto 1.5%;
	width: 29%;
	border:2px solid #D70010;
	text-align: left;
	cursor:pointer;
	transition: all .3s;
}
.service li em{
	display: block;
	padding: 90px 0 0 20px;
	color: #D70010;
	font-size: 16px;
}
.service li span{
	display: block;
	padding: 0 0 29px 20px;
	color: #3E3A39;
	font-size: 14px;
}
.service li:hover{
	background: #d70010; 
}
.service li:hover em,.service li:hover span{
	color: #fff!important;
}


/*媒体查询*/
@media (max-width:2500px) and (min-width:1700px) {
	.partner_list>.swiper-button-next{ right: -125px; }
	.partner_list>.swiper-button-prev { left: -165px;}
}
@media (max-width:1650px) and (min-width:1000px) {
	.partner_list>.swiper-button-next{ right: -85px; }
	.partner_list>.swiper-button-prev { left: -115px;}
}

@media (max-width:991px ) and (min-width:320px){
	.partner_list>.swiper-button-next, .partner_list> .swiper-button-prev,.service,.service_bg{display: none}
	img{width:100%}
	.swiper-container01>.swiper-pagination01 {bottom: 10px;}
	.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet {margin: 0px 2px;width: 8px;height: 4px;}
	.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet-active {width: 8px;}
	.swiper-container01>.swiper-button-prev{ left: 0; }
	.about{padding-top: 30px;padding-bottom: 30px;}
	.about h3 {padding-bottom: 10px;font-size: 20px;}
	.about h3::after {left: 46%;width: 8%;}
	.about h2,.about h4 {padding: 15px 0;font-size: 20px;}
	.about > p {font-size: 12px;line-height: 25px;}
	.jia {bottom: -6px;right: 2px;font-size: 35px;}
	.about > ul > li > div {padding: 0 30px 0 0;font-size: 40px;}
	.about > ul > li > p {font-size: 12px;}
	.about_line {margin-top: 14px;width: 2px;height: 20px;}
	.about > ul > li {margin: auto 10px;}
	.about a,.case_bg a{margin: 30px auto auto auto;padding: 10px 20px;width: 35%;}
	.case_bg h3 {padding-bottom: 15px;font-size: 20px;}
	.case_bg h2 {padding: 15px 0;font-size: 30px;}
	.case_bg p {font-size: 20px;}
	.case_bg {padding-top: 20px;padding-bottom: 90px;}
	.case_list_box{top: -60px;}
	.case_list li{ width:50%;}
	.partner {top: -40px;}
	.partner h2 .iconfont {left: 47%;}
	.partner h2 { padding-top: 30px;font-size: 20px;}
	.swiper-button-prev01 > span,.swiper-button-next01 > span {width: 20px;height: 55px;}
	.swiper-container01>.swiper-button-next, .swiper-container01>.swiper-button-prev{ width: 0 }
	.swiper-container01>.swiper-button-next{ right: 19; }
}
@media screen and (max-width:640px){
	.case_list li {
		margin: 3% 3% 0 0;
		width: 47%;
	}
	.case_list_box {
		padding: 6% 0 0 3%;
	}
	.mobile-3 {
		padding-left: 6px;
	}
}